
import { useState, useEffect } from 'react';
import Socket from './components/Socket'

function App() {

  const [list, setList] = useState(new Array(20).fill(1));

  useEffect(() => {
    const temp = new Array(60).fill(2)
    setTimeout(() => setList(temp), 3000)
  }, [])

  return (
    <>
      <Socket />
      {list.map((item, index) => (
        <div key={index}>{index}</div>
      ))}
      <img alt='' src='http' />
    </>
  );
}

export default App;
